<template>
  <div class="container">
    <button @click="getPic">点我获取图片</button>
      <img v-for="talk in talkStore.talkList" :key="talk.id" :src="talk.src"/>
  </div>
</template>

<script lang="ts" setup name="LoveTalk">
import axios from 'axios';
import { nanoid } from 'nanoid/non-secure';
import { reactive } from 'vue';
import {useTalkStore} from "@/store/LoveTalk"

//数据
const talkStore=useTalkStore()

function getPic(){
talkStore.getAPic()
}
</script>

<style scoped>
.container{
background-color: orange;
border-radius: 20px;
padding: 20px;
height: 500px;
}
img{
  height: 100%;
}
</style>